@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
body{background:#f5f5f5;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;line-height:18px;}
#content{margin:30px auto;width:900px;height:600px;}
.legend{float:left;width:250px;margin-top:140px;}
#content h1{font-family:'Cabin Sketch', arial, serif;text-shadow:3px 3px 0 #ddd;color:#193340;font-size:40px;height:48px;line-height:48px;margin-bottom:40px;text-align:right;}
/* skills */
.skills{float:left;clear:both;width:100%;}
.skills ul,.skills li{display:block;list-style:none;margin:0;padding:0;}
.skills li{float:right;clear:both;padding:0 15px;height:35px;line-height:35px;color:#fff;margin-bottom:1px;font-size:18px;}
.skills .jq{background:#97BE0D;}
.skills .css{background:#D84F5F;}
.skills .html{background:#88B8E6;}
.skills .php{background:#BEDBE9;}
.skills .sql{background:#EDEBEE;}
#diagram{float:right;width:600px;height:600px;}
.get{display:none;}